<table class="table table-hover table-bordered">
    <thead>
        <tr>
            <th colspan="12" style="font-size:20px;">工程2016年5月份形象进度完成情况</th>
        </tr>
        <tr>
            <th>序号</th>
            <th>单位项目</th>
            <th>施工完成情况</th>
            <th>监理审核情况</th>
        </tr>
    </thead>
    <tbody>
    <foreach name="results" item="vo">
        <tr name="{$vo.id}">
            <td>{$vo.order_id}</td>
            <td>{$vo.item_name}</td>
            <td class="complete">{$vo.complete_workload}</td>
            <td class="approved">{$vo.approved_workload}</td>
        </tr>
    </foreach>
    </tbody>            
</table>
<script type="text/javascript">
$(document).ready(function(e) {
	<if condition="I('request.isAudit/s','') eq 2 AND I('request.level/s','') eq 3">
	// 监理经办人修改
	$(".approved").click(function(){
		if($(this).find("input").val() == undefined){
			var value = $(this).html();
			$(this).html("<input type=\"text\" class='intval' style='width:"+$(this).width()+"px;' \>");
			$(".intval").focus();
			$(".intval").val(value);
		}
	});
	</if>
	<if condition="I('request.isAudit/s','') eq 2 AND I('request.level/s','') eq 2">
	// 施工经办人修改
	$(".complete").click(function(){
		if($(this).find("input").val() == undefined){
			var value = $(this).html();
			$(this).html("<input type=\"text\" class='intval' style='width:"+$(this).width()+"px;' \>");
			$(".intval").focus();
			$(".intval").val(value);
		}
	});
	</if>
	// 失去光标 修改后台数据
	$(document).on("blur", ".intval", function(){
		var value = $(this).val();
		// 修改后赋值
		$(this).closest("td").html(value);
		// 保存数据
		saveData($tr.attr("name"), value);
	});
	
	// 请求地址 保存数据
	saveData = function(id, value){
		$.ajax({
			async	: false,
			url		: "{:U('PaymentReview/pp_post')}", 
			type	: "post", 
			dataType: "json", 
			data	: {'id': id, 'value': value}, 
			success : function(){
			},
			error	: function(){
				alert("服务器内部错误，请联系系统管理员");
			}
		});
	}
});
</script>